<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>流程详情</title>
    <link href="Tools/MoCoop/MoCoop.css" rel="stylesheet">
    <!--MoCoop CSS-->
    <link href="css/style.css" rel="stylesheet">
    <!--自定义样式-->
    <link href="Tools/PTR/ptr.css" rel="stylesheet">
</head>
<body>
<div class="mc-container">
    <div class="mc-commonpage mc-simplepage">
        <div class="mc-body pagebg-grey detail-page">
            <div class="tab-bar process-detail">
                <div class="tab-btns">
                    <div class="tab-btn " value="1" onclick="util.tabtoswitch(1,this)">
                        <div class="mc-btn">异常</div>
                    </div>
                    <div class="tab-btn " value="2" onclick="util.tabtoswitch(2,this)">
                        <div class="mc-btn">备注</div>
                    </div>
                </div>
                <div class="prevent-cover"></div>
            </div>
            <div class="detail-pagebody">
                <div id="ptr">
                    <span class="icon-ptr"></span>

                    <div class="loading">
                        <span id="l1"></span>
                        <span id="l2"></span>
                        <span id="l3"></span>
                    </div>
                </div>
                <div id="content" class="mc-fullpage pagebg-grey">
                    <div class="mc-nodata">
                        <div class="mc-nodata-icon"></div>
                        <div class="mc-nodata-label">暂无数据</div>
                    </div>
                    <div class="pannel-info ">

                        <div class="pannel-info-row ">
                            <div class="blockquote"></div>
                            <div class="pannel-info-row-label">流程号</div>
                            <div id="processName" class="pannel-info-row-content"></div>
                        </div>
                    </div>
                    <!-- 异常标签页-->
                    <div id="CONTAINER-abnormal" class="detail-view view-abnormal no-display bottomspace"></div>
                    <script id="TEMPLATE-abnormal" type="text/ractive">
                        {{#ractiveData}}
                            <div class="abnormal-item" id="{{jsonPK?jsonPK:'abnormalCreate'+getAjaxID(createStatus)}}">
                                {{#if getAjaxStatus(remarkStatus)=='uploading' || getAjaxStatus(descriptionStatus)=='uploading' || getAjaxStatus(abnormalStatusStatus)=='uploading' || getAjaxStatus(createStatus)=='uploading' }}
                                    <div class="ajax-status textcolor-main no-display">上传中...</div>
                                {{/if}}
                                {{#if getAjaxStatus(remarkStatus)=='failed' || getAjaxStatus(descriptionStatus)=='failed' || getAjaxStatus(abnormalStatusStatus)=='failed' || getAjaxStatus(createStatus)=='failed'}}
                                    <div class="ajax-status textcolor-danger mc-responseicon" onclick="util.findThisAbnormalsFailedTask(this,'{{jsonPK}}')">上传失败<br>点击重试</div>
                                {{/if}}
                                <div class="abnormal-itembtn mc-btn" onclick="mc.jump('abnormal-detail.html?keyID={{jsonPK}}','订单号')">
                                    <!--<div class="abnormal-itemheader">-->

                                    <!--</div>-->
                                    流程名：<span class="textcolor-process">{{processName}}</span>
                                    <div class="abnormal-itemstatus">异常状态：<span class="textcolor-success">{{status}}</span></div>
                                    <div class="abnormal-itemcontent limit-2line">{{descriptionEdit ? descriptionEdit : description}}</div>
                                    {{#if (attachmentEdit ? attachmentEdit : attachment != ""&& attachmentEdit ? attachmentEdit : attachment != undefined)}}
                                        <div class="photos-container">
                                            {{#JSON.parse(attachmentEdit ? attachmentEdit : attachment):i}}
                                                <div class="photo-item">
                                                    <img id="{{setName(thumbnailFileKey)}}">
                                                    <div class="imgprogress"></div>
                                                </div>
                                            {{/JSON.parse(attachmentEdit ? attachmentEdit : attachment)}}
                                            <div class="clearboth"></div>
                                        </div>
                                    {{/if}}
                                    <div class="abnormal-itemfooter">
                                        <div class="item-person">操作人：{{lastModifiedByUserLogin?lastModifiedByUserLogin:createdByUserLogin}}</div>
                                        <div class="item-date text-right">时间：{{formatDate(lastUpdateTime,"yyyy-MM-dd hh:mm")}}</div>
                                    </div>
                                </div>
                                <!--<div class="abnormal-itemextrabtn mc-responseicon">重启-->

                                <!--</div>-->
                            </div>
                        {{/ractiveData}}
                        <div class="mc-scroll-loading">
                            <div class="mc-scroll-progress"></div>
                            <div class="mc-scroll-pomptlabel"></div>
                         </div>

                    </script>
                    <!-- 备注标签页-->
                    <div id="CONTAINER-remark" class="detail-view view-remark bottomspace no-display"></div>
                    <script id="TEMPLATE-remark" type="text/ractive">
                        {{#ractiveData}}
                            <div class="remark-item" id="{{jsonPK?jsonPK:'remarkCreate'+getAjaxID(createStatus)}}">
                                 <div class="ajax-status textcolor-main"></div>
                                 {{#if (getAjaxStatus(createStatus)=='failed')}}
                                    <div class="ajax-status textcolor-danger mc-responseicon" onclick="common.execUploadAjaxTask(this,['{{getAjaxID(createStatus)}}'])">上传失败<br>点击重试</div>
                                 {{/if}}
                                    流程名：<span class="textcolor-process">{{processName}}</span>
                                <div class="remark-itemheader">
                                    备注
                                </div>
                                <div class="remark-itemcontent limit-2line">完成了 <span class="textcolor-process">{{completeQuantityEdit ? completeQuantityEdit : completeQuantity }}</span> 双</div>
                                <div class="remark-itemcontent limit-2line">{{descriptionEdit ? descriptionEdit : description }}</div>
                                {{#if (attachmentEdit ? attachmentEdit : attachment != ""&& attachmentEdit ? attachmentEdit : attachment != undefined)}}
                                    <div class="photos-container">
                                        {{#JSON.parse(attachmentEdit ? attachmentEdit : attachment):i}}
                                            <div class="photo-item" onclick="util.showRemarkPhotosByIndex('{{jsonPK}}',{{i}})">
                                                <img id="{{setName(thumbnailFileKey)}}">
                                                <div class="imgprogress"></div>
                                            </div>
                                        {{/JSON.parse(attachmentEdit ? attachmentEdit : attachment)}}
                                        <div class="clearboth"></div>
                                    </div>
                                {{/if}}
                                <div class="remark-itemfooter">
                                    <div class="item-person">提交人：{{lastModifiedByUserLogin?lastModifiedByUserLogin:createdByUserLogin}}</div>
                                    <div class="item-date text-right">时间：{{formatDate(lastUpdateTime,"yyyy-MM-dd hh:mm")}}</div>
                                </div>
                            </div>
                        {{/ractiveData}}
                         <div class="mc-scroll-loading">
                            <div class="mc-scroll-progress"></div>
                            <div class="mc-scroll-pomptlabel"></div>
                         </div>

                    </script>
                </div>
            </div>
            <div id="btn-addabnormal" class="btn-bottom mc-btn"
                 onclick="mc.jump('submit.html?submitType=1&objID='+vars.processID+'&orderID='+vars.orderID,'新增异常','SubmitModal')">
                新增异常
            </div>
            <div id="btn-addremark" class="btn-bottom mc-btn"
                 onclick="mc.jump('submit.html?submitType=6&objID='+vars.processID+'&type=1&orderID='+vars.orderID,'添加备注','SubmitModal')">
                添加备注
            </div>
        </div>
    </div>
</div>
<script src="Tools/jquery-2.1.4.min.js"></script>
<!--jquery-->
<script src="Tools/Ractive.js"></script>
<script src="Tools/PTR/hammer.2.0.4.js"></script>
<script src="js/common.js"></script>
<script src="Tools/PTR/wptr.1.1.js"></script>
<!--公共方法JS（由用户编写）-->
<script src="js/pages/process-detail.js"></script>
<!--当前页面JS（由用户编写）-->
<script src='js/dataInterface.js'></script>
<!--获取数据方法JS（由用户编写）-->
<script src="Tools/MoCoop/MoCoop.js"></script>
<!--MoCoopJS（必须引入）-->

</body>
</html>